<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>工单详情</title>
  <link href="//lib.baomitu.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
  <link href="//lib.baomitu.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
  <script src="//lib.baomitu.com/modernizr/2.8.3/modernizr.min.js"></script>
  <script src="//lib.baomitu.com/jquery/2.1.4/jquery.min.js"></script>
  <script src="//lib.baomitu.com/layer/3.1.1/layer.js"></script>
  <!--[if lt IE 9]>
    <script src="//lib.baomitu.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="//lib.baomitu.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
 <style>
.gdan_gout{width:100%;height:auto;background-color:#fff;padding-bottom:1em}
.gdan_txt{height:3em;line-height:3em;text-indent:1em;font-family:"微软雅黑";font-weight:800;}
.gdan_txt>span{position:absolute;right:4em;}
.gdan_zhugan{width:96%;height:auto;padding-top:1em;margin-left:2%;padding-left:.5em;padding-right:1em;margin-bottom:1em;border-top:dashed 1px #a9a9a9}
.gdan_kjia1{width:auto;margin-left:4em;margin-top:-3em}
.gdan_xiaozhi{width:100%;height:1em;color:#a9a9a9;margin-bottom:1em}
.gdan_xiaozhi>span{position:absolute;right:4em;}
.gdan_huifu{width:100%;height:auto;margin-top:1em;border-top:solid #ccc 1px}
.gdan_srk{width:98%;height:8em;margin-left:1%;margin-top:1em;border-color:#6495ed}
.gdan_huifu1{width:6em;height:2.5em;border:none;background-color:#1e90ff;color:#fff;margin:.5em 0 .5em 1%}
.gdan_jied{width:100%;height:3em;line-height:3em;text-align:center;color:#129DDE}
.speedy-text{max-width: 180px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;color: #fff!important;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
</style>

</head>
<body>
<div class="row">
    <div class="col-sm-12 col-md-10 center-block" style="float: none;">

<?php 
include "../includes/common.php";
if ($islogin == 1) {
} else {
	exit("<script language='javascript'>window.location.href='./login.php';</script>");
}
adminpermission("workorder", 1);
$my = isset($_GET["my"]) ? $_GET["my"] : null;
if ($my == "view") {
	$id = intval($_GET["id"]);
	$rows = $DB->getRow("SELECT * FROM pre_workorder WHERE id=:id LIMIT 1", array(":id" => $id));
	if (!$rows) {
		showmsg("当前记录不存在！", 3);
	}
	$contents = explode("*", $rows["content"]);
	$siterow = $DB->getRow("SELECT zid,qq,user FROM pre_site WHERE zid='" . $rows["zid"] . "' LIMIT 1");
	$myimg = $userrow["qq"] ? "//q2.qlogo.cn/headimg_dl?bs=qq&dst_uin=" . $siterow["qq"] . "&src_uin=" . $siterow["qq"] . "&fid=" . $siterow["qq"] . "&spec=100&url_enc=0&referer=bu_interface&term_type=PC" : "../assets/img/user.png";
	$kfimg = "https://imgcache.qq.com/open_proj/proj_qcloud_v2/mc_2014/work-order/css/img/custom-service-avatar.svg";
	?><div class="panel panel-default">
<div class="panel-heading"><h3 class="panel-title"><i class="fa fa-sticky-note-o"></i>&nbsp;&nbsp;<b>工单详情</b></h3></div>

<div class="gdan_gout">
	<div class="gdan_txt">沟通记录 - <?php echo count($contents);?><span>状态：<?php echo display_status($rows["status"]);?></span></div>
	<!------------------开始沟通------------------------>
	<div class="gdan_zhugan" style="border: none;">
		<a href="./sitelist.php?zid=<?php echo $rows["zid"];?>" target="_blank"><img src="<?php echo $myimg;?>" class="img-circle" width="40"/></a>
		<div class="gdan_kjia1">
			<div class="gdan_xiaozhi">问题描述<span><?php echo $rows["addtime"];?></span></div>
			<?php echo str_replace(array("\r\n", "\r", "\n"), "<br/>", htmlspecialchars($contents[0]));?><br/><br/>
			用户信息：<?php echo $siterow ? "<a href=\"./sitelist.php?zid=" . $rows["zid"] . "\" target=\"_blank\">" . $siterow["user"] . "</a>" : $rows["account"];?><br/>
			订单编号：<?php echo $rows["orderid"] ? "<a href=\"./list.php?id=" . $rows["orderid"] . "\" target=\"_blank\">" . $rows["orderid"] . "</a>" : "无订单号";?><br/>
			问题类型：<?php echo display_type($rows["type"]);?>			<?php echo $rows["picurl"] ? "<p>问题图片：[<a href=\"../" . htmlspecialchars($rows["picurl"]) . "\" target=\"_blank\">点此查看</a>]" : null;?>		</div>
	</div>
<?php 
	for ($i = 1; $i < count($contents); $i++) {
		$content = explode("^", $contents[$i]);
		if (count($content) == 3) {
			echo "<div class=\"gdan_zhugan\">\r\n\t<img src=\"" . ($content[0] == 1 ? $kfimg : $myimg) . "\" class=\"img-circle\" width=\"40\"/>\r\n\t<div class=\"gdan_kjia1\">\r\n\t<div class=\"gdan_xiaozhi\">" . ($content[0] == 1 ? "官方客服" : $userrow["user"]) . "<span>" . $content[1] . "</span></div>\r\n\t" . str_replace(array("\r\n", "\r", "\n"), "<br/>", htmlspecialchars($content[2])) . "\r\n\t</div>\r\n</div>";
		}
	}
	if ($rows["status"] == 2) {
		?><div class="gdan_jied">此工单已经结单</div>
<?php 
	} else {
		?><div class="gdan_huifu">
<form action="./workorder-item.php?my=reply&id=<?php echo $id;?>" method="POST">
	<textarea class="gdan_srk" name="content" placeholder="回复后工单状态自动变为已处理 ,分站站点将会收到通知哦！" required></textarea><br/>
	<input type="checkbox" name="email" id="email" value="1" style="margin-left: 1%;"><label for="email">同时发送提醒邮件到用户邮箱</label><br/>
	<input type="submit" name="submit" value="提交回复" class="gdan_huifu1" />
	<input type="button" name="submit" value="完结工单" class="gdan_huifu1" style="background-color: mediumseagreen;" onclick="window.location.href='./workorder-item.php?my=complete&id=<?php echo $id;?>'"/>
	<button type="button" class="gdan_huifu1" id="addSpeedy" style="width: 8em;background-color: #FFB800;">保存到快捷回复</button>
	<div style="margin: 1%;">
		<span>快捷回复列表</span>
		<button type="button" class="btn btn-xs btn-danger pull-right" data-type="0" id="delSpeedy" title="删除快捷回复列表内容">删除</button>
	</div>
	<div class="form-group" id="speedyList" data-ids="" style="margin: 1%;padding: 5px;border: 1px solid #dedede;min-height: 50px;">
		<?php 
		$speedy_list = explode("^", $conf["speedy_list"]);
		foreach ($speedy_list as $ikey => $icontent) {
			?>		<span class="speedy-text">
			<span class="label label-info" data-id="<?php echo $ikey;?>" title="<?php echo htmlspecialchars($icontent);?>"><?php echo htmlspecialchars($icontent);?></span>
		</span>
		<?php 
		}
		?>	</div>
</form>
</div>
<script>
// 新增快捷回复
$('#addSpeedy').on('click', function () {
	let text = $('.gdan_srk[name=content]').val();
	text = text.trim();
	if (text.length <= 0) {
		layer.msg('请填写回复内容', {icon: 7});
		return false;
	}
	layer.load(2);
	$.ajax({
		url: 'ajax.php?act=add_speedy_text',
		type: 'POST',
		data: {content: text},
		dataType: 'json',
		success: function (res) {
			layer.closeAll('loading');
			if (res.code == 0) {
				let html = '<span class="speedy-text"><span class="label label-info" data-id="'+res.id+'" title="'+res.content+'">'+res.content+'</span></span>';
				$('#speedyList').append(html);
				speedyTextClick();
			} else {
				layer.msg(res['msg'], {icon: 7});
			}
		},
		error: function (data) {
			layer.closeAll('loading');
			layer.msg('操作异常', {icon: 7});
		}
	});
});

const speedyListDom = $('#speedyList');

$(document).ready(function () {
	speedyTextClick();
});

function speedyTextClick() {
	$('.speedy-text').on('click', function () {
		const type = $('#delSpeedy').attr('data-type');
		if (type === '0') { // 默认
			$('.gdan_srk[name=content]').val($(this).children('span').text());
		} else { // 删除
			let ids = speedyListDom.attr('data-ids');
			ids = ids.length > 0 ? ids.split(',') : [];
			ids.push($(this).children('span').attr('data-id'));
			speedyListDom.attr('data-ids', ids.join(','));
			$(this).remove();
		}
	});
}

$('#delSpeedy').on('click', function () {
	const type = $(this).attr('data-type');
	if (type === '0') {
		layer.tips('点击文本即可删除', '#speedyList', {tips: [1, '#FF5722']});
		$(this).text('完成').attr('data-type', '1').removeClass('btn-danger').addClass('btn-success');
		$('.label-info').css({'background-color': '#FF5722'});
	} else {
		$(this).text('删除').attr('data-type', '0').removeClass('btn-success').addClass('btn-danger');
		$('.label-info').css({'background-color': '#01AAED'});
		const ids = speedyListDom.attr('data-ids');
		if (ids.length <= 0) return false;
		layer.load(2);
		$.ajax({
			url: 'ajax.php?act=del_speedy_text',
			type: 'POST',
			data: {ids: ids},
			dataType: 'json',
			success: function (res) {
				layer.closeAll('loading');
				if (res.code == 0) {
					layer.msg(res.msg, {icon: 1});
				} else {
					layer.msg(res.msg, {icon: 7});
				}
			},
			error: function (data) {
				layer.closeAll('loading');
				layer.msg('操作异常', {icon: 7});
			}
		});
	}
});
</script>
<?php 
	}
	?></div>
</div>
<?php 
} elseif ($my == "reply") {
	$id = intval($_GET["id"]);
	$rows = $DB->getRow("SELECT * FROM pre_workorder WHERE id=:id LIMIT 1", array(":id" => $id));
	if (!$rows) {
		showmsg("当前记录不存在！", 3);
	} elseif ($rows["status"] == 2) {
		showmsg("此工单已经结单", 3);
	}
	$content = str_replace(array("*", "^", "|"), "", trim(strip_tags(daddslashes($_POST["content"]))));
	if (empty($content)) {
		showmsg("补充信息不能为空！");
	} else {
		$content = $rows["content"] . "*1^" . $date . "^" . $content;
		if ($DB->exec("UPDATE pre_workorder SET content=:content,status=1 WHERE id=:id", array(":content" => $content, ":id" => $id)) !== false) {
			if ($_POST["email"] == 1) {
				send_msg_mail($id);
			}
			exit("<script language='javascript'>alert('回复工单成功！');history.go(-1);</script>");
		} else {
			showmsg("回复工单失败！" . $DB->error(), 4);
		}
	}
} elseif ($my == "complete") {
	$id = intval($_GET["id"]);
	$rows = $DB->getRow("SELECT * FROM pre_workorder WHERE id=:id LIMIT 1", array(":id" => $id));
	if (!$rows) {
		showmsg("当前记录不存在！", 3);
	} elseif ($rows["status"] == 2) {
		showmsg("此工单已经结单", 3);
	}
	if ($DB->exec("UPDATE pre_workorder SET status=2 WHERE id=:id", array(":id" => $id)) !== false) {
		exit("<script language='javascript'>alert('完结工单成功！');history.go(-1);</script>");
	} else {
		showmsg("完结工单失败！" . $DB->error(), 4);
	}
}
function send_msg_mail($id)
{
	global $DB, $conf;
	$_var_0 = $DB->getRow("select * from pre_workorder where id='" . $id . "' limit 1");
	$_var_1 = $DB->getRow("select zid,user,qq from pre_site where zid='" . $_var_0["zid"] . "' limit 1");
	$_var_2 = $_var_1["qq"] . "@qq.com";
	$_var_3 = $conf["sitename"] . "售后支持工单待反馈提醒";
	$_var_4 = explode("*", $_var_0["content"]);
	$_var_4 = mb_substr($_var_4[0], 0, 16, "utf-8");
	$_var_5 = str_replace("\\", "/", $_SERVER["SCRIPT_NAME"]);
	$_var_5 = substr($_var_5, 0, strrpos($_var_5, "/"));
	$_var_5 = substr($_var_5, 0, strrpos($_var_5, "/"));
	$_var_6 = (is_https() ? "https://" : "http://") . $_SERVER["HTTP_HOST"] . $_var_5 . "/";
	$_var_7 = "尊敬的" . $_var_1["user"] . "：<br/>您于" . $_var_0["addtime"] . "提交的售后支持工单(ID:" . $id . ") 需要您进一步提供相关信息。请登录网站后台“我的工单”查看详情并回复。若3天内您仍未回复此工单，我们会做完成工单处理。<a href=\"" . $_var_6 . "user/workorder.php?my=view&id=" . $id . "\" target=\"_blank\">点此查看</a><br/><a href=\"" . $_var_6 . "user/workorder.php?my=view&id=" . $id . "\" target=\"_blank\">工单标题：" . $_var_4 . "</a><br/>----------------<br/>" . $conf["sitename"];
	if (checkEmail($_var_2)) {
		send_mail($_var_2, $_var_3, $_var_7);
	}
}
function display_type($type)
{
	global $conf;
	$_var_8 = explode("|", $conf["workorder_type"]);
	if ($type == 0 || !array_key_exists($type - 1, $_var_8)) {
		return "其它问题";
	} else {
		return $_var_8[$type - 1];
	}
}
function display_status($status)
{
	if ($status == 1) {
		return "<font color=\"red\">处理中</font>";
	} elseif ($status == 2) {
		return "<font color=\"green\">已完成</font>";
	} else {
		return "<font color=\"blue\">待处理</font>";
	}
}